<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			window.onload=function()
			{
					var body=document.body;  //获取body
			var html=document.documentElement;//获取html
			var all=document.all; 
			console.log(all.length);
			for(var i=0;i<all.length;i++)
			{
				console.log(all[i]);
			}
			//all=document.getElementsByTagName("*");  //是一样的
			//根据元素class属性值查询一组元素点对象
			//var box1=document.getElementsByClassName("box1");   //ie8不支持
			//需要一个选择器的字符串作为参数，可以根据一个CSS选择器来查询一个元素节点对象
			var div=document.querySelector(".box1 div");
			console.log(div);  
			
			var box1=document.querySelector(".box1");//相当于根据类名来查询，ie8也合适  id也可以换成#
			console.log(box1);                       //使用该方法只会返回唯一的元素，只会返回第一个
			
			var box=document.querySelectorAll(".box1");
			console.log(box);  //是一个数组，所有class名是box1的都 即使符合条件的只有一个，也会返回数组
			for(var i=0;i<box.length;i++)
			{
				console.log(box[i]);
			}
			}
		
			
			
		</script>
	</head>
	<body>
		<div class="box1">
			<div>我是box1里的div</div>
		</div>
		<div class="box1"></div>
		<div class="box1"></div>
	</body>
</html>